<template>
  <el-container class="container">
    <el-header height="80px">
      <el-row id="header-left">商家系统</el-row>
      <el-row id="header-right"><el-button type="info" plain>退出</el-button></el-row>
    </el-header>
    <el-container>
      <el-aside width="200px">
          <Sidebar></Sidebar>
      </el-aside>
      <el-main>
          <router-view></router-view>
      </el-main>
    </el-container>
    <el-footer>Footer</el-footer>
  </el-container>
</template>

<script>
import Sidebar from '../components/storesSystem/Sidebar.vue'
export default {
    components:{
        Sidebar
    },
    mounted() {
    if (sessionStorage.token){
    }else{
      alert("未登录")
      this.$router.push('/login');
    }
  },
    
};
</script>

<style>
#header-left{
  width: 200px;
  float: left;
}
#header-right{
  width: 150px;
  float: right;
}


.container{
    height: 100vh;
}
.el-header,
.el-footer {
  background-color: #b3c0d1;
  color: #333;
  text-align: center;
  line-height: 50px;
}
.el-footer {
  background-color: #b3c0d1;
  color: #333;
  text-align: center;
  height: 38px !important;
  line-height: 38px !important;
}
.el-header{
    font-size: 22px;
    font-weight: 550;
    height: 65px !important;
    line-height: 65px;
}
.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 230px;
}

.el-main {
    /* color: rgb(255, 81, 0); */
  background-color: #e9eef3;
  overflow: hidden;
  color: #333;
  text-align: center;
  line-height: 60px;
}
</style>